<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
    <title>华为商城</title>
    <link rel="shout icon" href="../img/logo.ico">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/myService.css">
   <link rel="stylesheet" type="text/css" href="../font/iconfont.css">
     <link rel="stylesheet" href="../css/footer.css">
     <link rel="stylesheet" href="../css/header.css">
     
</head>
<body>
    <header></header>
    <nav>
      <section>
        <div class="list">
          <div>
            <a href=""><img src="../img/nav.png" alt=""></a>
          </div>
          <ul>
            <li><a href="./html/detailPages.html">华为专区</a></li>
            <li><a href="./html/paging_list.html">鸿蒙智联</a></li>
            <li><a href="">全球甄选</a></li>
            <li><a href="">家电家装馆</a></li>
            <li><a href="">华为智选</a></li>
            <li><a href="">HamonyOs</a></li>
          </ul>
        </div>
        <!-- 搜索框 -->
        <!-- 罩 -->
        <div class="mark"></div>
        <span class="iconfont icon-sousuo soutalg"></span>
        <div class="sousuo">
          <ol>
            <span class="iconfont icon-sousuo "></span>
            <input type="text" class="clear-input" placeholder="搜索商品">
            <span class="iconfont icon-guanbi"></span>
          </ol>
          <!-- 搜索内容渲染 -->
          <h2>最近搜索<span class="iconfont icon-guanbi"></span></h2>
          <ul class="suomain">
  
          </ul>
        </div>
  
        <!-- <script src="./libs/jquery.min.js"></script>
        <script src="./js/search.js"></script> -->
      </section>
    </nav>
    <main>
        <!-- 轮播图区域 -->
        <section>
            <img src="https://res4.vmallres.com/shopdc/pic/db99b0f5-b5a6-4d24-a97a-64ba5811cf39.jpg" alt="">
        </section>
       <section><input type="text" placeholder="请用一句话描述您的问题，如：“如何查找订单"><div>提问</div></section>
      <!-- 第三块 -->
       <section>  
      <h1>自主服务</h1>
      <ul>

        <li><a href=""><span class="iconfont icon-dingdan blue"></span>订单/物流</a></li>
        <li><a href=""><span class="iconfont icon-tuihuanhuo yellow"></span>退换货</a></li>
        <li><a href=""><span class="iconfont icon-chanpinbaoxiuzhengce luse"></span>保价</a></li>
        <li><a href=""><span class="iconfont icon-cuidan-red yellow"></span>催单</a></li>
        <li><a href=""><span class="iconfont icon-icon-lingjuanzhongxin juyellow"></span>领劵</a></li>
        <li><a href=""><span class="iconfont icon-beijianjiagechaxun blue"></span>备件价格</a></li>
        <li><a href=""><span class="iconfont icon-shouhuodizhi juyellow"></span>收货地址</a></li>
        <li><a href=""><span class="iconfont icon-yijiuhuanxin"></span>以旧换新</a></li>
        <li><a href=""><span class="iconfont icon-chanpinbaoxiuzhengce luse"></span>补购保障</a></li>
        <li><a href=""><span class="iconfont icon-genghuandianchi luse"></span>一口价换电池</a></li>
        <li><a href=""><span class="iconfont icon-shiliangzhinengduixiang101 juyllow"></span>服务店</a></li>
        <li><a href=""><span class="iconfont icon-chanpinbaoxiuzhengce blue"></span>保修政策</a></li>
        
        <li><a href=""><span class="iconfont icon-yuyuefuwu yellow "></span>预约服务</a></li>
        <li><a href=""><span class="iconfont icon-icjixiufuwubeifen3  red"></span>寄修服务</a></li>
        <li><a href=""><span class="iconfont icon-fapiaozhenweichaxun red"></span>真伪鉴别</a></li>
 




      </ul>
      <div class="im"><img src="https://res.vmallres.com/pimages//pages/cdnImages/30578238279513287503.jpg" alt=""></div>
     <div class="list">
         <li></li>
         <li></li>
         <li></li>
         <li></li>
     </div>
    </section>
    <!-- 4快 -->
    <section>  
        <h1>产品支持</h1>
        <div style="width: 1183px;height: 515px;">
            <img src="https://res.vmallres.com/pimages//pages/cdnImages/26168137360613186162.png" alt="">
        </div>
       <ul>

        <li><img src="https://res.vmallres.com/pimages//pages/helpCategory/04885335342613358840.jpg" height="130" width="130"><span>手机</span></li>
        <li><img src="https://res.vmallres.com/pimages//pages/helpCategory/19661925342612916691.png" height="130" width="130"><span>电脑</span></li>
        <li><img src="https://res.vmallres.com/pimages//pages/helpCategory/41135925342612953114.png" height="130" width="130"><span>平版</span></li>
        <li><img src="https://res.vmallres.com/pimages//pages/helpCategory/93846925342612964839.jpg" height="130" width="130"><span>智慧屏</span></li>
        <li><img src="https://res.vmallres.com/pimages//pages/helpCategory/78257925342612975287.png" height="130" width="130"><span>穿戴</span></li>
        <li><img src="https://res.vmallres.com/pimages//pages/helpCategory/79688925342612988697.png" height="130" width="130"><span>音频</span></li>
       </ul>


    </section>
    <!-- 第5快 -->
    <section>  
        <h1>联系客服</h1>
       <img src="../img/ovservis.gif">
    </section>
  
   <!-- 第6快 -->
  <section>
      <h1>华为商城官方服务</h1>
        <div><img src="https://res.vmallres.com/pimages//pages/ads/content/43519390602619391534.png" alt=""></div>
        <div><img src="https://res.vmallres.com/pimages//pages/ads/content/78208608292610680287.png" alt=""></div>
        <div><img src="https://res.vmallres.com/pimages//pages/ads/content/09248397713619384290.png" alt=""></div>
  </section>

    </main>
    <footer> </footer>
     <!-- 侧边栏 -->
  <aside>
    <li><a href="./paging_list.html">去逛一逛</a></li>
    <li class="goShopping"><a href="./Shopping.html"><span class="iconfont icon-gouwuche  "></span>购物车</a><p class="goshopp">0</p></li>
    <li><a href=""><span class="iconfont icon-zaixiankefu  "></span>在线客服</a></li>
    <li><a href="./myService.html"><span class="iconfont icon-rexianfuwufuwu  "></span>自助服务</a></li>
    <li class="backTop"><a href=""><span class="iconfont icon-fanhuidingbu  "></span>返回顶部</a></li>

  </aside>
  <script src="../libs/jquery.min.js"></script>
  <script>
    $("header").load("./header.html")
    $("footer").load("./footer.html")
  </script>
</body>
</html> 
